<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple_icons_57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple_icons_72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple_icons_114x114.png">
<title>Groutek | Premium Html Template</title>
<link href="http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,100,400italic,700,500,900" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Nothing+You+Could+Do" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/theme.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/revslider.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/custom.css" type="text/css" media="all" />
</head>
<body>
	<div class="main_header type1">
        <div class="tagline">
            <div class="container">
                <div class="fright">
                	<div class="tagline_items">
                    	<div class="language_select">
                            <div class="selectBox">
                                <span class="selected"></span>
                                <span class="selectArrow"></span>
                                <div class="selectOptions" >
                                    <span class="selectOption" data-value="english"><img src="img/imgs/uk_flag.png" alt="" />English</span>
                                    <span class="selectOption" data-value="germany"><img src="img/imgs/germany_flag.png" alt="" />Germany</span>
                                </div>
                            </div>
                        </div>
                        <div class="log_in_out"><a href="javascript:void(0);" data-toggle="modal" data-target=".login_popup"><i class="icon-sign-in"></i> Login</a></div>
                        <div class="modal fade login_popup" tabindex="-1" role="dialog" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <h3>Please, Log in</h3>
                                    <form action="javascript:void(0);" method="post">
                                        <input type="text" placeholder="Username*" value="" name="name">
                                        <input type="password" placeholder="Password*" value="" name="password">
                                        <input type="submit" value="Log In"> 
                                        <div class="remember_me"><label><input name="remember" type="checkbox" value="remember">Remember Me</label></div>
                                    </form>
                                    <div class="forgot_password"><a href="javascript:void(0);">Forgot Your Password?</a></div>
                                    <button type="button" class="close_popup" data-dismiss="modal"><i class="icon-times"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="cart_btn">
                        	<a href="shop_cart.html" class="view_cart_btn"><i class="icon-shopping-cart"></i> Cart</a>
                            <!-- Cart submenu -->
                            <div class="cart_submenu">
                            	<div class="cart_wrap">
                                	<a href="javascript:void(0);" class="remove_products"><i class="icon-times-circle"></i></a>
                                	<ul class="product_posts">                                    
                                        <li>
                                            <img src="img/shop/1.jpg" alt="" />
                                            <a href="shop_product.html" class="title">Nemo Enim Ipsam</a>
                                            <div class="price">1<span>x</span>$500.00</div>
                                        </li>
                                    </ul>
                                    <div class="subtotal">Subtotal: <span>$500.00</span></div>
                                    <a href="shop_cart.html" class=" shortcode_button btn_small btn_type5 mr15">View cart</a>
                                    <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type1 mr0">Checkout</a>
                                </div>
                            </div>
                            <!-- //Cart submenu -->
                        </div>
                    </div>
                    <div class="top_search" id="top_search">
                        <form action="#" method="get" name="search_form">
                            <input type="text" class="ct-search-input" value="" name="s" placeholder="Search...">
                            <input type="submit" value="Search" class="s_submit">
                            <span class="top-icon-search">
                            	<i class="icon-search"></i>
                            </span>                                
                        </form>                            
                    </div>                   
                </div>
                <div class="fleft">
                    <div class="phone"><i class="icon-phone"></i> +1 800 245 39 25</div>
                    <div class="email"><a href="mailto:#"><i class="icon-envelope"></i> info@yourdomain.com</a></div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="header_parent_wrap">
            <header>
                <div class="container">
                	<a class="top_menu_toggler" href="javascript:void(0)"></a>
                	<div class="logo_sect">
                        <a href="index.html" class="logo"><img src="img/logo.png" class="logo_def" alt="" /><img src="img/retina/logo.png" class="logo_retina" alt="" /></a>                
                    </div> 
                    <nav>
                        <ul class="menu">
                            <li class="current-menu-parent menu-item-has-children"><a href="#">Home</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li class="current-menu-item"><a href="index.html">Home Type1</a></li>
                                        <li><a href="home_type2.html">Home Type2</a></li>
                                        <li><a href="home_type3.html">Home Type3</a></li> 
                                        <li><a href="home_type4.html">Home Type4</a></li>                     
                                    </ul> 
                                </div>	
                            </li>
                            <li class="menu-item-has-children"><a href="#">Pages</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li class="menu-item-has-children"><a href="#">About</a>
                                            <div class="sub-nav">
                                                <ul class="sub-menu">
                                                    <li><a href="about.html">About 1</a></li>
                                                    <li><a href="about2.html">About 2</a></li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li><a href="service.html">Service</a></li>
                                        <li><a href="team.html">Team</a></li>
                                        <li><a href="careers.html">Careers</a></li>
                                        <li><a href="gallery.html">Gallery</a></li>
                                        <li><a href="showreel.html">Showreel</a></li>
                                        <li><a href="404.html">404 Error</a></li>
                                        <li><a href="faq.html">FAQ</a></li>
                                        <li><a href="sitemap.html">Sitemap</a></li>
                                        <li><a href="coming_soon.html">Coming Soon</a></li>                                                                      
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Features</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="typography.html">Typography</a></li>  
                                        <li><a href="shortcodes.html">Shortcodes</a></li>
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Works</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="portfolio_1col.html">1 Column</a></li>
                                        <li><a href="portfolio_2col.html">2 Columns</a></li>
                                        <li><a href="portfolio_3col.html">3 Columns</a></li>
                                        <li><a href="portfolio_3col_masonry.html">3 Columns Masonry</a></li>
                                        <li><a href="portfolio_wide.html">Wide</a></li>
                                        <li class="menu-item-has-children"><a href="#">Single Post</a>
                                            <div class="sub-nav">
                                                <ul class="sub-menu">
                                                    <li><a href="portfolio_post_fullwidth.html">Fullwidth Image</a></li>
                                                    <li><a href="portfolio_post_right_sidebar.html">With Right Sidebar</a></li>
                                                    <li><a href="portfolio_post_left_sidebar.html">With Left Sidebar</a></li>
                                                </ul>
                                            </div>
                                        </li>                              
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Blog</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="blog_fullwidth.html">Fullwidth Blog</a></li>
                                        <li><a href="blog_right_sidebar.html">With Right Sidebar</a></li>
                                        <li><a href="blog_left_sidebar.html">With Left Sidebar</a></li>
                                        <li class="menu-item-has-children"><a href="#">Single Post</a>
                                            <div class="sub-nav">
                                                <ul class="sub-menu">
                                                    <li><a href="post_fullwidth.html">Fullwidth Image</a></li>
                                                    <li><a href="post_right_sidebar.html">With Right Sidebar</a></li>
                                                    <li><a href="post_left_sidebar.html">With Left Sidebar</a></li>
                                                </ul>
                                            </div>
                                        </li>                             
                                    </ul> 
                                </div>                        
                            </li>
                            <li class="menu-item-has-children"><a href="#">Shop</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="shop.html">All Products</a></li>
                                        <li><a href="shop_product.html">Single Product</a></li>
                                        <li><a href="shop_cart.html">Cart</a></li>                                                                    
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Contact</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="contact_fullwidth.html">Fullwidth</a></li>
                                        <li><a href="contact_sidebar.html">With Sidebar</a></li>                                                 
                                    </ul> 
                                </div>
                            </li>
                        </ul>                                  
                    </nav>                   
                    <div class="clear"></div>
                </div>
            </header>
        </div>
    </div>
    
    <div class="wrapper">
    	<div class="container">
        	<div class="content_block row no-sidebar">
            	<div class="fl-container">
                	<div class="posts-block">
                        <div class="contentarea">  
                        	<!-- Slider -->                                        
                            <div class="fw_block bg_start wall_wrap">
                            	<div class="row">
                                    <div class="col-sm-12 first-module module_slider module_cont pb0">
                                    	<div class="slider_container">
                                            <div class="fullscreen_slider slider_bg">
                                                <ul>
                                                  <!-- SLIDE 1 -->
                                                  <li data-transition="fade" data-slotamount="5" data-masterspeed="700" >
                                                  	  <img src="img/slider/transparent.png" alt="slide1" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" />              
                                                      <!-- LAYER NR. 1 -->
                                                      <div class="tp-caption lfb ltb tp-resizeme slide_img slide_left_img"
                                                           data-x="0"
                                                           data-y="0"
                                                           data-speed="800"
                                                           data-start="700"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="500"
                                                           data-endeasing="Power4.easeIn"><img src="img/slider/chair_left.png" alt=""/>
                                                      </div>
                                                      
                                                      <!-- LAYER NR. 2 -->
                                                      <div class="tp-caption lfb ltb tp-resizeme slide_img slide_right_img"
                                                           data-x="0"
                                                           data-y="0"
                                                           data-speed="1000"
                                                           data-start="1200"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="500"
                                                           data-endeasing="Power4.easeIn"><img src="img/slider/chair_right.png" alt=""/>
                                                      </div> 
                                                    
                                                      <!-- LAYER NR. 3 -->                
                                                      <div class="tp-caption lft ltt tp-resizeme slide_title slide_info_center"
                                                           data-x="0"
                                                           data-y="214"
                                                           data-speed="600"
                                                           data-start="1200"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="300"
                                                           data-endeasing="Power4.easeIn">Our Life's Work
                                                      </div>
                                                      
                                                      <!-- LAYER NR. 4 -->
                                                      <div class="tp-caption lfb ltb tp-resizeme slide_descr slide_info_center"
                                                           data-x="0"
                                                           data-y="351"
                                                           data-speed="600"
                                                           data-start="1200"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="600"
                                                           data-endeasing="Power4.easeIn">We Put Our Hearts and Souls into Making Every Project.<br>We Undertake the Very Best It Can Possibly Be.
                                                      </div>                                                      
                                                      
                                                      <!-- LAYER NR. 5 -->
                                                      <div class="tp-caption lfb ltb tp-resizeme slide_btn"
                                                           data-x="419"
                                                           data-y="479"
                                                           data-speed="800"
                                                           data-start="1400"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="600"
                                                           data-endeasing="Power4.easeIn"><a href="javascript:void(0);">i Like It! Purchase</a>
                                                      </div>
                                                      
                                                      <!-- LAYER NR. 6 -->
                                                      <div class="tp-caption lfb ltb tp-resizeme slide_btn type2"
                                                           data-x="609"
                                                           data-y="479"
                                                           data-speed="800"
                                                           data-start="1500"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="600"
                                                           data-endeasing="Power4.easeIn"><a href="javascript:void(0);">Go on Surfing</a>
                                                      </div>
                                                  </li>
                                                  
                                                  <!-- SLIDE 2 -->
                                                  <li data-transition="fade" data-slotamount="5" data-masterspeed="700" > 
                                                      <img src="img/slider/transparent.png" alt="slide2" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" />             
                                                      <!-- LAYER NR. 1 -->                
                                                      <div class="tp-caption lft ltt tp-resizeme slide_title slide_info_center"
                                                           data-x="0"
                                                           data-y="45"
                                                           data-speed="800"
                                                           data-start="1400"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="300"
                                                           data-endeasing="Power4.easeIn">Better Websites for All
                                                      </div>
                                                      
                                                      <!-- LAYER NR. 2 -->
                                                      <div class="tp-caption lft ltt tp-resizeme slide_descr slide_info_center"
                                                           data-x="0"
                                                           data-y="175"
                                                           data-speed="700"
                                                           data-start="1200"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="600"
                                                           data-endeasing="Power4.easeIn">We Created Beautifully-Crafted Websites that Stand out from the Crowd 
                                                      </div>  
                                                      
                                                      <!-- LAYER NR. 3 -->
                                                      <div class="tp-caption lfb ltb tp-resizeme slide_img z_index2"
                                                           data-x="185"
                                                           data-y="247"
                                                           data-speed="800"
                                                           data-start="700"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="500"
                                                           data-endeasing="Power4.easeIn"><img src="img/slider/laptop.png" alt=""/>
                                                      </div>
                                                      
                                                      <!-- LAYER NR. 4 -->
                                                      <div class="tp-caption lfl ltl tp-resizeme slide_img z_index3"
                                                           data-x="58"
                                                           data-y="380"
                                                           data-speed="1000"
                                                           data-start="1200"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="500"
                                                           data-endeasing="Power4.easeIn"><img src="img/slider/ipad.png" alt=""/>
                                                      </div>
                                                      
                                                      <!-- LAYER NR. 5 -->
                                                      <div class="tp-caption lfr ltr tp-resizeme slide_img z_index4"
                                                           data-x="928"
                                                           data-y="700"
                                                           data-speed="1000"
                                                           data-start="1400"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="500"
                                                           data-endeasing="Power4.easeIn"><img src="img/slider/mouse.png" alt=""/>
                                                      </div>                                                    
                                                      
                                                      <!-- LAYER NR. 6 -->
                                                      <div class="tp-caption lfb ltb tp-resizeme slide_img z_index5"
                                                           data-x="258"
                                                           data-y="522"
                                                           data-speed="1000"
                                                           data-start="1800"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="500"
                                                           data-endeasing="Power4.easeIn"><img src="img/slider/iphone.png" alt=""/>
                                                      </div>
                                                  </li>
                                                  
                                                  <!-- SLIDE 3 -->
                                                  <li data-transition="fade" data-slotamount="5" data-masterspeed="700" >
                                                      <img src="img/slider/transparent.png" alt="slide3" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" />              
                                                      <!-- LAYER NR. 1 -->
                                                      <div class="tp-caption customin z_index2"
                                                      	   data-x="692"
                                                           data-y="0"
                                                           data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:1000;transformOrigin:50% 50%;"
                                                           data-speed="1500"
                                                           data-start="500"
                                                           data-easing="Power3.easeInOut"
                                                           data-endspeed="300"><img src="img/slider/desktop.png" alt=""/>
                                                      </div>
                                                      
                                                      <!-- LAYER NR. 2 -->
                                                      <div class="tp-caption lfb ltb tp-resizeme slide_img z_index3"
                                                           data-x="700"
                                                           data-y="709"
                                                           data-speed="1400"
                                                           data-start="1300"
                                                           data-easing="Back.easeInOut"
                                                           data-endspeed="1000"
                                                           data-endeasing="Power4.easeIn"><img src="img/slider/keyboard.png" alt=""/>
                                                      </div>
                                                      
                                                      <!-- LAYER NR. 3 -->
                                                      <div class="tp-caption lfb ltb tp-resizeme slide_img z_index4"
                                                           data-x="1079"
                                                           data-y="725"
                                                           data-speed="1500"
                                                           data-start="1500"
                                                           data-easing="Back.easeInOut"
                                                           data-endspeed="500"
                                                           data-endeasing="Power4.easeIn"><img src="img/slider/mouse2.png" alt=""/>
                                                      </div>
                                                      
                                                      <!-- LAYER NR. 4 -->                
                                                      <div class="tp-caption lft ltt tp-resizeme slide_title font_size130"
                                                           data-x="0"
                                                           data-y="118"
                                                           data-speed="1000"
                                                           data-start="1800"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="300"
                                                           data-endeasing="Power4.easeIn">High
                                                      </div>
                                                      
                                                      <!-- LAYER NR. 5 -->                
                                                      <div class="tp-caption lft ltt tp-resizeme slide_title font_size130"
                                                           data-x="0"
                                                           data-y="276"
                                                           data-speed="1000"
                                                           data-start="1600"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="300"
                                                           data-endeasing="Power4.easeIn">Standards
                                                      </div>
                                                      
                                                      <!-- LAYER NR. 6 -->
                                                      <div class="tp-caption lfb ltb tp-resizeme slide_descr"
                                                           data-x="0"
                                                           data-y="420"
                                                           data-speed="1000"
                                                           data-start="1600"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="600"
                                                           data-endeasing="Power4.easeIn">Our Success is not Only Due to the Quality of Our<br>Work. It's Down to Attitude, Our Approach and the<br>Way We Treat Our Clients.
                                                      </div>                                                      
                                                      
                                                      <!-- LAYER NR. 7 -->
                                                      <div class="tp-caption lfb ltb tp-resizeme slide_btn"
                                                           data-x="0"
                                                           data-y="593"
                                                           data-speed="1000"
                                                           data-start="1800"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="600"
                                                           data-endeasing="Power4.easeIn"><a href="javascript:void(0);">I Like It! Purchase</a>
                                                      </div>
                                                      
                                                      <!-- LAYER NR. 8 -->
                                                      <div class="tp-caption lfb ltb tp-resizeme slide_btn type2"
                                                           data-x="190"
                                                           data-y="593"
                                                           data-speed="1000"
                                                           data-start="2000"
                                                           data-easing="Power4.easeOut"
                                                           data-endspeed="600"
                                                           data-endeasing="Power4.easeIn"><a href="javascript:void(0);">Go on Surfing</a>
                                                      </div>
                                                  </li>                                                                                                                                
                                                </ul>
                                            </div>
                                        </div>                                        	
                                    </div>
                                </div>
                            </div>  
                            <!-- //Slider -->
                            
                            <div class="row">
                             	<div class="col-sm-12 module_cont pb0">
                                	<div class="bg_title">
                                    	<h2>Welcome! We’re Groutek</h2>
                                    </div>                                  
                                </div>
                             </div>
                             
                             <div class="row">
								<div class="col-sm-6 module_cont pb30">
                                    <div class="module_content shortcode_iconbox type4 animate" data-anim-type="fadeInLeft" data-anim-delay="200">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon8.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon8.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                    <h5 class="iconbox_title">Clean Code</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                    <div class="module_content shortcode_iconbox type4 animate" data-anim-type="fadeInLeft" data-anim-delay="250">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon9.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon9.png" class="icon_retina" width="80" height="56" alt="" /></div>
                                                    <h5 class="iconbox_title">Fully Responsive</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                    <div class="module_content shortcode_iconbox type4 animate" data-anim-type="fadeInLeft" data-anim-delay="300">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon16.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon16.png" class="icon_retina" width="80" height="56" alt="" /></div>
                                                    <h5 class="iconbox_title">Extended Documentation</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div> 
                                <div class="col-sm-6 module_cont pb30 animate" data-anim-type="fadeIn" data-anim-delay="250">
                                	<img src="img/imgs/home1.jpg" class="img-responsive" alt="" />
                                </div>        	
                             </div>  
                             
                            <div class="row">
                                <div class="col-sm-12 module_cont animate" data-anim-type="fadeInUp" data-anim-delay="250">
                                    <div class="shortcode_promoblock">
                                        <div class="promoblock_wrapper">
                                            <div class="promo_text_block">
                                                <div class="promo_text_block_wrapper">
                                                	<h2 class="promo_text_main_title">We Create Awesome Web and Mobile Products for Your Business!</h2>
                                                    <h6 class="promo_text_additional_title">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitiardo.</h6>
                                                </div>
                                            </div>        
                                            <div class="promo_button_block"><a class="shortcode_button btn_large btn_type5" href="javascript:void(0);">Hire Us Now</a></div>
                                            <div class="clear"></div>                                                                                
                                        </div>
                                    </div>
                                    <div class="clear"></div>
                                </div>                             	
                            </div>                                                                               
                             
                            <div class="row">
                             	<div class="col-sm-12 module_cont pb0">
                                	<div class="bg_title">
                                    	<h2>What We Do</h2>
                                    </div>                                   
                                </div>
                            </div> 
                            
                            <div class="row">                             	
                                <div class="col-sm-6 module_cont pb55 animate" data-anim-type="bounceInLeft" data-anim-delay="250">
                                    <img src="img/imgs/home2.jpg" class="img-responsive mt_23" alt="">
                                </div>
                                <div class="col-sm-6 module_cont module_accordion pb45 animate" data-anim-type="bounceInRight" data-anim-delay="250">
                                    <div class="shortcode_accordion_shortcode accordion">
                                        <h5 data-count="1" class="shortcode_accordion_item_title expanded_yes">Fully Customizable Design &amp; Layout<span class="ico"></span></h5>
                                        <div class="shortcode_accordion_item_body">
                                            <div class="ip">
                                            	<p>Donec et eleifend velit. Sed eget urna odio. Quisque pulvinar dolor purus, sed dignissim ante imperdiet ac. Sed vulputate lectus at enim aliquet suscipit. Proin metus nibh, tempor ut porta ultricies, sollicitudin id mauris. Aliquam neque lectus, condimentum </p>
                                                <ol>
                                                	<li>Donec et eleifend velit. Sed eget urna odio.</li>
                                                    <li>Quisque pulvinar dolor purus, sed dignissim ante imperdiet ac.</li>
                                                    <li>Sed vulputate lectus at enim aliquet suscipit.</li>
                                                    <li>Proin metus nibh, tempor ut porta ultricies, sollicitudin id mauris.</li>
                                                </ol>
                                            </div>
                                        </div>
                                        <h5 data-count="2" class="shortcode_accordion_item_title expanded_no">Fluid, Responsive &amp; Retina Ready<span class="ico"></span></h5>
                                        <div class="shortcode_accordion_item_body">
                                            <div class="ip">
                                                <p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea lorem ipsum dolor sit amet.</p>
                                            </div>
                                        </div>
                                        <h5 data-count="3" class="shortcode_accordion_item_title expanded_no">SEO Optimized &amp; Valid Code<span class="ico"></span></h5>
                                        <div class="shortcode_accordion_item_body">
                                            <div class="ip">
                                                <p>Sed vulputate lectus at enim aliquet suscipit. Proin metus nibh, tempor ut porta ultricies, sollicitudin id mauris. Aliquam neque lectus, condimentum quis fringilla. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
                                            </div>
                                        </div>
                                        <h5 data-count="4" class="shortcode_accordion_item_title expanded_no">Easy Drag &amp; Drop Admin Panel<span class="ico"></span></h5>
                                        <div class="shortcode_accordion_item_body">
                                            <div class="ip">
                                                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia.</p>
                                            </div>
                                        </div>
                                        <h5 data-count="5" class="shortcode_accordion_item_title expanded_no">Outstanding &amp; Free Customer Support<span class="ico"></span></h5>
                                        <div class="shortcode_accordion_item_body">
                                            <div class="ip">
                                                <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                             </div>
                             
                            <div class="fw_block bg_start pt74 pb50 grey_bg mb60">
                                <div class="row">
                                    <div class="col-sm-12 module_cont pb0">
                                        <div class="bg_title">
                                            <h2 class="fleft">Latest Works</h2>
                                            <!-- Filter_block -->
                                            <div class="filter_block">
                                                <div class="filter_navigation">
                                                    <ul id="options" class="splitter">
                                                        <li>
                                                            <ul data-option-key="filter" class="optionset">
                                                                <li class="selected"><a data-option-value="*" data-catname="all" href="#filter">All Works</a></li>
                                                                <li><a data-option-value=".branding" data-catname="branding" href="#filter">Branding</a></li>
                                                                <li><a data-option-value=".polygraphy" data-catname="polygraphy" href="#filter">Polygraphy</a></li>
                                                                <li><a data-option-value=".textstyle" data-catname="textstyle" href="#filter">Text Style</a></li>
                                                                <li><a data-option-value=".webui" data-catname="webui" href="#filter">Web UI</a></li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <!-- //Filter_block -->
                                            <div class="clear"></div>
                                        </div>                                   
                                    </div>
                                </div> 

                                <div class="row">
                                    <div class="sorting_block image-grid featured_items photo_gallery" id="list">
                                        <div class="col-sm-4 branding element">                    
                                            <div class="item animate" data-anim-type="bounceIn" data-anim-delay="250">
                                                <div class="item_wrapper">                                  
                                                    <div class="img_block wrapped_img">
                                                        <img src="img/portfolio/370_300/1.jpg" alt="">
                                                        <span class="block_fade"></span>
                                                        <div class="post_hover_info">
                                                            <div class="featured_items_title">
                                                                <h5>Business Card</h5>
                                                            </div>
                                                            <div class="featured_meta">Print Design</div> 
                                                            <a href="img/portfolio/370_300/1.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                            <a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                        </div>
                                                    </div>                                                                                                            
                                                </div>
                                            </div>                                  
                                        </div>
                                        <div class="col-sm-4 polygraphy element">                    
                                            <div class="item animate" data-anim-type="bounceIn" data-anim-delay="250">
                                                <div class="item_wrapper">                                  
                                                    <div class="img_block wrapped_img">
                                                        <img src="img/portfolio/370_300/2.jpg" alt="">
                                                        <span class="block_fade"></span>
                                                        <div class="post_hover_info">
                                                            <div class="featured_items_title">
                                                                <h5>Iste natus</h5>
                                                            </div>
                                                            <div class="featured_meta">Advertisement</div> 
                                                            <a href="img/portfolio/370_300/2.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                            <a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                        </div>                                                                
                                                    </div>                                                                                                              
                                                </div>
                                            </div>                                  
                                        </div>
                                        <div class="col-sm-4 textstyle element">                    
                                            <div class="item animate" data-anim-type="bounceIn" data-anim-delay="250">
                                                <div class="item_wrapper">                                  
                                                    <div class="img_block wrapped_img">
                                                        <img src="img/portfolio/370_300/3.jpg" alt="">
                                                        <span class="block_fade"></span>
                                                        <div class="post_hover_info">
                                                            <div class="featured_items_title">
                                                                <h5>Quis autem</h5>
                                                            </div>
                                                            <div class="featured_meta">Business</div> 
                                                            <a href="img/portfolio/370_300/3.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                            <a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                        </div>                                                            
                                                    </div>                                                                                                              
                                                </div>
                                            </div>                                  
                                        </div>
                                        <div class="col-sm-4 webui element">                    
                                            <div class="item animate" data-anim-type="bounceIn" data-anim-delay="250">
                                                <div class="item_wrapper">                                  
                                                    <div class="img_block wrapped_img">
                                                        <img src="img/portfolio/370_300/4.jpg" alt="">
                                                        <span class="block_fade"></span>
                                                        <div class="post_hover_info">
                                                            <div class="featured_items_title">
                                                                <h5>Praesent Libero</h5>
                                                            </div>
                                                            <div class="featured_meta">Print Design</div> 
                                                            <a href="img/portfolio/370_300/4.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                            <a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                        </div>
                                                    </div>                                                                                                            
                                                </div>
                                            </div>                                 
                                        </div>
                                        <div class="col-sm-4 branding element">                   
                                            <div class="item animate" data-anim-type="bounceIn" data-anim-delay="250">
                                                <div class="item_wrapper">                                  
                                                    <div class="img_block wrapped_img">
                                                        <img src="img/portfolio/370_300/5.jpg" alt="">
                                                        <span class="block_fade"></span>
                                                        <div class="post_hover_info">
                                                            <div class="featured_items_title">
                                                                <h5>Sed Cursus Ante</h5>
                                                            </div>
                                                            <div class="featured_meta">Business</div> 
                                                            <a href="img/portfolio/370_300/5.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                            <a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                        </div>
                                                    </div>                                                                                                            
                                                </div>
                                            </div>                                  
                                        </div>
                                        <div class="col-sm-4 polygraphy element">   
                                            <div class="item animate" data-anim-type="bounceIn" data-anim-delay="250">
                                                <div class="item_wrapper">                                  
                                                    <div class="img_block wrapped_img">
                                                        <img src="img/portfolio/370_300/6.jpg" alt="">
                                                        <span class="block_fade"></span>
                                                        <div class="post_hover_info">
                                                            <div class="featured_items_title">
                                                                <h5>Nulla Quis Sem</h5>
                                                            </div>
                                                            <div class="featured_meta">People</div> 
                                                            <a href="img/portfolio/370_300/6.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                            <a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                        </div>
                                                    </div>                                                                                                            
                                                </div>
                                            </div>                                  
                                        </div>
                                        <div class="col-sm-4 textstyle element">                   
                                            <div class="item animate" data-anim-type="bounceIn" data-anim-delay="250">
                                                <div class="item_wrapper">                                  
                                                    <div class="img_block wrapped_img">
                                                        <img src="img/portfolio/370_300/7.jpg" alt="">
                                                        <span class="block_fade"></span>
                                                        <div class="post_hover_info">
                                                            <div class="featured_items_title">
                                                                <h5>Duis Sagittis Ipsum</h5>
                                                            </div>
                                                            <div class="featured_meta">Business</div> 
                                                            <a href="img/portfolio/370_300/7.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                            <a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                        </div>
                                                    </div>                                                                                                            
                                                </div>
                                            </div>                                   
                                        </div>
                                        <div class="col-sm-4 webui element">                    
                                            <div class="item animate" data-anim-type="bounceIn" data-anim-delay="250">
                                                <div class="item_wrapper">                                  
                                                    <div class="img_block wrapped_img">
                                                        <img src="img/portfolio/370_300/8.jpg" alt="">
                                                        <span class="block_fade"></span>
                                                        <div class="post_hover_info">
                                                            <div class="featured_items_title">
                                                                <h5>Curabitur Tortor</h5>
                                                            </div>
                                                            <div class="featured_meta">People</div> 
                                                            <a href="img/portfolio/370_300/8.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                            <a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                        </div>
                                                    </div>                                                                                                            
                                                </div>
                                            </div>                                  
                                        </div>
                                        <div class="col-sm-4 branding element">                   
                                            <div class="item animate" data-anim-type="bounceIn" data-anim-delay="250">
                                                <div class="item_wrapper">                                  
                                                    <div class="img_block wrapped_img">
                                                        <img src="img/portfolio/370_300/9.jpg" alt="">
                                                        <span class="block_fade"></span>
                                                        <div class="post_hover_info">
                                                            <div class="featured_items_title">
                                                                <h5>Class Aptent Taciti</h5>
                                                            </div>
                                                            <div class="featured_meta">Print Design</div> 
                                                            <a href="img/portfolio/370_300/9.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                            <a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                        </div>
                                                    </div>                                                                                                            
                                                </div>
                                            </div>                                  
                                        </div>                                                                                                                           
                                    </div>
                                    <div class="clear"></div>
                                    <div class="text-center animate" data-anim-type="fadeInUp" data-anim-delay="250"><a href="javascript:void(0);" class="load_more_works shortcode_button btn_normal btn_type5">Load More</a></div>
                                </div>                             
                            </div>
                            
                            <div class="row">
                                <div class="col-sm-12 module_cont pb0">
                                    <div class="bg_title">
                                        <h2>Our Key Features</h2>
                                    </div>                                  
                                </div>
                            </div> 
                            
                            <div class="row">
                            	<div class="col-sm-12 module_cont pb15 module_tabs animate" data-anim-type="fadeInUp" data-anim-delay="300">
                                    <div class="shortcode_tabs type3">
                                        <div class="all_head_sizer"><div class="all_heads_cont"></div><div class="clear"></div></div>
                                        <div class="all_body_sizer"><div class="all_body_cont"></div></div>
                                        <div class="shortcode_tab_item_title expand_no">StartUp</div>
                                        <div class="shortcode_tab_item_body tab-content clearfix">
                                            <div class="ip">
                                                <div class="tab_content">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                                                    <img src="img/imgs/tab3_1.jpg" class="mt38" alt="" />                                                     
                                                </div>
                                            </div>
                                        </div>
                                        <div class="shortcode_tab_item_title expand_no">Promo Site</div>
                                        <div class="shortcode_tab_item_body tab-content clearfix">
                                            <div class="ip">
                                                <div class="tab_content">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                                                    <img src="img/imgs/tab3_2.jpg" class="mt38" alt="" />                                                 
                                                </div> 
                                            </div>
                                        </div> 
                                        <div class="shortcode_tab_item_title expand_no">Article</div>
                                        <div class="shortcode_tab_item_body tab-content clearfix">
                                            <div class="ip">
                                            	<div class="tab_content">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                                                    <img src="img/imgs/tab3_3.jpg" class="mt38" alt="" />                                                 
                                                </div>                                                  
                                            </div>
                                        </div>
                                        <div class="shortcode_tab_item_title expand_yes">Photo Story</div>
                                        <div class="shortcode_tab_item_body tab-content clearfix">
                                            <div class="ip">
                                            	<div class="tab_content">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                                                    <img src="img/imgs/tab3_4.jpg" class="mt38" alt="" />                                                 
                                                </div>                                                   
                                            </div>
                                        </div>                                        
                                        <div class="clear"></div>
                                    </div>
                                </div>
                            </div>                                	
                             
                            <div class="fw_block bg_start pt74 pb50 grey_bg mb0">
                                <div class="row">
                                    <div class="col-sm-12 module_cont pb0">
                                        <div class="bg_title">
                                            <h2>Our Skillset</h2>
                                        </div>                                   
                                    </div>
                                </div>
                            
                            	<div class="row skills_start">
                                    <div class="col-sm-12 module_cont pb0">
                                        <div class="shortcode_diagram items4">
                                            <ul class="diagram_list" data-bg="#ffffff" data-color="#22a1c4" data-width="5px" data-size="130px" data-fontsize="40px">
                                                <li class="diagram_li animate" data-anim-type="fadeInLeft" data-anim-delay="300">
                                                    <div class="diagram_wrapper">
                                                        <div class="diagram_item">
                                                            <div class="chart_wrapper">
                                                                <div class="chart" data-percent="75">75<span>%</span></div>
                                                            </div>
                                                            <div class="diagram_content">
                                                                <h3>Photoshop</h3>
                                                                <div class="diagram_descr">Temporibus autem quibusdam et aut officiis debitis aut rerum einem.</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="diagram_li animate" data-anim-type="fadeInUp" data-anim-delay="250">
                                                    <div class="diagram_wrapper">
                                                        <div class="diagram_item">
                                                            <div class="chart_wrapper">
                                                                <div class="chart" data-percent="80">80<span>%</span></div>
                                                            </div>
                                                            <div class="diagram_content">
                                                                <h3>Wordpress</h3>
                                                                <div class="diagram_descr">Neceus saepe eveniet ut et voluptates repudiandae sint et molest.</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="diagram_li animate" data-anim-type="fadeInUp" data-anim-delay="250">
                                                    <div class="diagram_wrapper">
                                                        <div class="diagram_item">
                                                            <div class="chart_wrapper">
                                                                <div class="chart" data-percent="90">90<span>%</span></div>
                                                            </div>
                                                            <div class="diagram_content">
                                                                <h3>Photography</h3>
                                                                <div class="diagram_descr">Itaque earum rerum hic tenet sapiente delectus, ut aut reiciendis ut.</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="diagram_li animate" data-anim-type="fadeInRight" data-anim-delay="300">
                                                    <div class="diagram_wrapper">
                                                        <div class="diagram_item">
                                                            <div class="chart_wrapper">
                                                                <div class="chart" data-percent="100">100<span>%</span></div>
                                                            </div>
                                                            <div class="diagram_content">
                                                                <h3>HTML5</h3>
                                                                <div class="diagram_descr">Bus maiores alias consequatur aut perferendis doloribus asperiores.</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>                                                                                                 
                                            </ul>
                                            <div class="clear"></div> 
                                        </div>                                  
                                    </div>
                                 </div>
                            </div>
                            
                            <div class="fw_block bg_start block_plus type1">
                                <div class="item animate" data-anim-type="fadeInLeft" data-anim-delay="400">
                                    <h2 class="item_title">Why Choose Us</h2>
                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas.</p>
                                    <a href="javascript:void(0);" class="shortcode_button btn_normal btn_type5">Learn More</a>
                                </div>
                                <div class="item bg_color2 animate" data-anim-type="fadeIn" data-anim-delay="250">
                                    <h2 class="item_title">What You Get</h2>
                                    <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi</p>
                                    <a href="javascript:void(0);" class="shortcode_button btn_normal btn_type5">Purchase Now</a>
                                </div>
                                <div class="item animate" data-anim-type="fadeInRight" data-anim-delay="400">
                                    <h2 class="item_title">Careers at Groutek</h2>
                                    <p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus temporibus.</p>
                                    <a href="javascript:void(0);" class="shortcode_button btn_normal btn_type5">Learn More</a>
                                </div>
                            </div>
                            
                            <div class="row">
                             	<div class="col-sm-12 module_cont pb5">
                                	<div class="bg_title">
                                    	<h2>Our Clients</h2>
                                    </div>                                  
                                </div>
                            </div>
       
                            <div class="row">
                                <div class="col-sm-12 module_cont pb80">   
                                	<div class="section-clients featured_items">
                                    	<div class="items3">
                                            <ul class="client-list item_list">
                                                <li class="animate" data-anim-type="fadeInLeft" data-anim-delay="250">
                                                    <i>
                                                        <img class="icon-cl-sweden" src="img/imgs/partners/1.jpg" alt="">
                                                    </i>
                                                    <blockquote>
                                                        <p class="quote">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum unde omnis iste natus. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                                        <div class="author">
                                                            <p>
                                                                <span class="img"><img src="img/imgs/testimonial1.jpg" alt=""></span>
                                                                <span class="cont">
                                                                    <b>Linda Grey</b>
                                                                    <span class="title">Manager</span>
                                                                </span>
                                                            </p>
                                                        </div>
                                                    </blockquote>
                                                </li>
                                                <li class="animate" data-anim-type="fadeInLeft" data-anim-delay="350">
                                                    <i>
                                                        <img class="icon-cl-sweden" src="img/imgs/partners/2.jpg" alt="">
                                                    </i>
                                                    <blockquote>
                                                        <p class="quote">Provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga einem like temporalis. 
Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis. At vero eos et samus et iusto odio qui blanditiis praesentium voluptatum deleniti atque corrupti quos jfont dolores et autem quibusdam et aut officis perferendis doloribus.</p>
                                                        <div class="author">
                                                            <p>
                                                                <span class="img"><img src="img/imgs/testimonial4.jpg" alt=""></span>
                                                                <span class="cont">
                                                                    <b>Amelia Smith</b>
                                                                    <span class="title">Creative Designer</span>
                                                                </span>
                                                            </p>
                                                        </div>
                                                    </blockquote>
                                                </li>
                                                <li class="animate" data-anim-type="fadeInLeft" data-anim-delay="300">
                                                    <i>
                                                        <img class="icon-cl-sweden" src="img/imgs/partners/3.jpg" alt="">
                                                    </i>
                                                    <blockquote>
                                                        <p class="quote">Cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum unde omnis iste natus. Duis aute irure dolor in reprehenderit in voluptate velit esse.</p>
                                                        <div class="author">
                                                            <p>
                                                                <span class="img"><img src="img/imgs/testimonial3.jpg" alt=""></span>
                                                                <span class="cont">
                                                                    <b>Dave Cohen</b>
                                                                    <span class="title">Operations Manager</span>
                                                                </span>
                                                            </p>
                                                        </div>
                                                    </blockquote>
                                                </li>
                                                <li class="animate" data-anim-type="fadeInLeft" data-anim-delay="300">
                                                    <i>
                                                        <img class="icon-cl-sweden" src="img/imgs/partners/4.jpg" alt="">
                                                    </i>
                                                    <blockquote>
                                                        <p class="quote">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum unde omnis iste natus.</p>
                                                        <div class="author">
                                                            <p>
                                                                <span class="img"><img src="img/imgs/testimonial2.jpg" alt=""></span>
                                                                <span class="cont">
                                                                    <b>Martha Lee</b>
                                                                    <span class="title">Pro Property Maintenance.</span>
                                                                </span>
                                                            </p>
                                                        </div>
                                                    </blockquote>
                                                </li>
                                                <li class="animate" data-anim-type="fadeInLeft" data-anim-delay="350">
                                                    <i>
                                                        <img class="icon-cl-sweden" src="img/imgs/partners/5.jpg" alt="">
                                                    </i>
                                                    <blockquote>
                                                        <p class="quote">Mollit anim id est laborum unde omnis iste natus duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
                                                        <div class="author">
                                                            <p>
                                                                <span class="img"><img src="img/imgs/testimonial5.jpg" alt=""></span>
                                                                <span class="cont">
                                                                    <b>Ronald Powell</b>
                                                                    <span class="title">Public Health Social Worker</span>
                                                                </span>
                                                            </p>
                                                        </div>
                                                    </blockquote>
                                                </li>
                                                <li class="animate" data-anim-type="fadeInLeft" data-anim-delay="400">
                                                    <i>
                                                        <img class="icon-cl-sweden" src="img/imgs/partners/6.jpg" alt="">
                                                    </i>
                                                    <blockquote>
                                                        <p class="quote">Occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum unde omnis iste natus. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint.</p>
                                                        <div class="author">
                                                            <p>
                                                                <span class="img"><img src="img/imgs/testimonial6.jpg" alt=""></span>
                                                                <span class="cont">
                                                                    <b>Patricia Hollinger</b>
                                                                    <span class="title">Dental Technician</span>
                                                                </span>
                                                            </p>
                                                        </div>
                                                    </blockquote>
                                                </li>
                                            </ul>
                                        </div>
									</div>    
                                </div>
                            </div>                                   
                            
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </div>
    
    <div class="footer">
    	<div class="container">
        	<div class="pre_footer">
            	<div class="row">
                	<div class="col-sm-3">
                    	<div class="sidepanel widget_text">
                        	<h4 class="title">Contact Us</h4>
                        	<p>Maecenas etos sit amet, consectetur adipiscing elit. Terminal volutpat rutrum metro amet sollicitudin interdum.</p>
                            <p><span>Phone:</span> +1 (800) 456 37 96</p>
                            <p><span>Office:</span> 5826 Baker Street, New York</p>
                            <p><span>Email:</span> <a href="mailto:#">info@groutek.com</a></p>
                            <div class="footer_socials">
                            	<ul>
                                	<li><a href="javascript:void(0);" class="soc_fb"><i class="icon-facebook"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_tweet"><i class="icon-twitter"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_google"><i class="icon-google-plus"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_dribbble"><i class="icon-dribbble"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_pinterest"><i class="icon-pinterest"></i></a></li>
                                </ul>
                            </div>
                        </div>	
                    </div>
                    <div class="col-sm-3">
                    	<div class="sidepanel widget_posts">
                        	<h4 class="title">Recent Posts</h4>
                            <ul class="recent_posts">                                    
                                <li class="with_img">
                                    <div class="recent_posts_content">
                                    	<img src="img/imgs/widget_post1.jpg" alt="" />
                                        <a href="javascript:void(0);" class="title">Business Cards Design Trends</a>
                                        <div class="recent_posts_info">Dec 02, 2020  /  <a href="javascript:void(0);">2 comments</a></div>
                                    </div>                                    
                                </li>                                
                                <li class="with_img">
                                    <div class="recent_posts_content">
                                    	<img src="img/imgs/widget_post2.jpg" alt="" />
                                        <a href="javascript:void(0);" class="title">This Maravelous App</a>
                                        <div class="recent_posts_info">Nov 18, 2020  /  <a href="javascript:void(0);">9 comments</a></div>
                                    </div>                                    
                                </li>
                                <li class="with_img">
                                    <div class="recent_posts_content">
                                    	<img src="img/imgs/widget_post3.jpg" alt="" />
                                        <a href="javascript:void(0);" class="title">Brand Paper Niceties</a>
                                        <div class="recent_posts_info">Nov 10, 2020  /  <a href="javascript:void(0);">0 comments</a></div>
                                    </div>                                    
                                </li>                            
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-3">
                    	<div class="sidepanel widget_twitter">
                        	<h4 class="title">Latest Twitts</h4>
                            <div class="tweet_module"></div>                          
                        </div>
                    </div>
                    <div class="col-sm-3">
                    	<div class="sidepanel widget_review">
                        	<h4 class="title">Last Review</h4>
                            <div class="last_review">
                            	<p class="review_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
                                <div class="clear"></div>
                                <div class="last_review_author">
                                	<h5>Richard Clark</h5>
                                    <h6>Creative Designer</h6>
                                    <img src="img/imgs/review_author.jpg" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_bottom">
            	<div class="copyright">Copyright 2020. All Rights Reserved by Groutek, Premium HTML Template.</div>
                <div class="clear"></div>
            </div>
        </div>
    </div>   
    
    <div class="fixed-menu"></div>
    
    <script type="text/javascript" src="js/jquery.min.js"></script>	   
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/modules.js"></script>	
	<script type="text/javascript" src="js/theme.js"></script> 
    <script type="text/javascript" src="js/color_panel.js"></script>
    <script type="text/javascript" src="js/jquery.themepunch.plugins.min.js"></script>
    <script type="text/javascript" src="js/jquery.themepunch.revolution.min.js"></script>    
    <script type="text/javascript">
		jQuery(document).ready(function() {
		   "use strict";			   						
		   jQuery('.fullscreen_slider').show().revolution({
				delay: 5000,
				startwidth: 1170,
				startheight: 765,
				fullWidth:"off",
				fullScreen:"on",
				navigationType:"bullet",
				fullScreenOffsetContainer: ".main_header",
				fullScreenOffset: ""
			});							
		});
	</script> 
    
    <!-- Portfolio -->
    <script type="text/javascript" src="js/jquery.isotope.min.js"></script>
    <script type="text/javascript" src="js/sorting.js"></script>
    <script>	
		items_set = [                    
			{src : 'img/portfolio/370_300/10.jpg', zoom : 'img/portfolio/370_300/10.jpg', url : 'portfolio_post_fullwidth.html', columnclass: 'col-sm-4', sortcategory: 'webui', title: 'Unde Sed ut', itemcategory: 'Print Design'},
			{src : 'img/portfolio/370_300/11.jpg', zoom : 'img/portfolio/370_300/11.jpg', url : 'portfolio_post_fullwidth.html', columnclass: 'col-sm-4', sortcategory: 'polygraphy', title: 'Tempore Nam Libero', itemcategory: 'Business'},
			{src : 'img/portfolio/370_300/12.jpg', zoom : 'img/portfolio/370_300/12.jpg', url : 'portfolio_post_fullwidth.html', columnclass: 'col-sm-4', sortcategory: 'textstyle', title: 'Dolores Magni', itemcategory: 'People'}
		];
		jQuery('#list').portfolio_addon({
			type : 2, // 2-4 columns portfolio
			load_count : 3,
			items : items_set
		});
	</script> 
</body>
</html>